<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/upload.css"/>
    <link rel="stylesheet" href="../css/popup.css"/>
    <link rel="stylesheet" href="../css/classroomTeaching.css"/>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/jquery.tmpl.min.js"></script>
    <script src="../js/jquery.form.min.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <script src="../js/yingSoftCookie.js"></script>
    <script src="../js/jquery.page.js"></script>
    <script src="../js/classroomTeaching.js"></script>
</head>
<body>
<div class="container" style="margin-top:25px">
    <h4>
        <div>当前位置：<a href="knowledge_select.html">课堂练习</a> >> <span id="knowledgePointName"></span></div>
    </h4>
    <div style="margin-top:15px;margin-bottom:5px;">
        <ul class="nav nav-tabs nav-justified" style="width:30%"  id="ul-title">
            <li role="presentation" class="active" id="li_new"><a href="#">最新任务</a></li>
            <li role="presentation" id="li_upload"><a href="#" >已上传</a></li>
            <li role="presentation" id="li_complete"><a href="#">已完成</a></li>
        </ul>
    </div>
    <div class="divider bg-yt" style="height: 3px"></div>
    <div class="panel panel-default">
        <div class="panel-body" id="table">
            <div  id="tab_new">
                <table class="table table-striped text-center table-hover">
                    <thead>
                    <tr class="bg-yt">
                        <th class="text-center">编号</th>
                        <th class="text-center">任务名称</th>
                        <th  class="text-center">发布时间</th>
                        <th class="text-center">操作</th>
                    </tr>
                    </thead>
                    <tbody id="newlist">

                    </tbody>
                </table>
                <div class="text-center message">

                </div>
                <nav class="text-center">
                    <ul class="pagination">

                    </ul>
                </nav>
            </div>
            <div style="display:none" id="tab_upload">
                <table class="table table-striped text-center table-hover" >
                    <thead>
                    <tr class="bg-yt">
                        <th class="text-center">编号</th>
                        <th class="text-center">任务名称</th>
                        <th class="text-center">发布时间</th>
                        <th class="text-center">操作</th>
                        <th class="text-center">评分</th>
                    </tr>
                    </thead>
                    <tbody id="uploadList">

                    </tbody>
                </table>
                <div class="text-center message">

                </div>
                <nav class="text-center">
                    <ul class="pagination">

                    </ul>
                </nav>
            </div>
            <div style="display:none" id="tab_complete">
                <table class="table table-striped text-center table-hover" >
                    <thead>
                    <tr class="bg-yt">
                        <th class="text-center">编号</th>
                        <th class="text-center">任务名称</th>
                        <th class="text-center">发布时间</th>
                        <th class="text-center">得分</th>
                        <th class="text-center">操作</th>
                        <th class="text-center">重新评分</th>
                    </tr>
                    </thead>
                    <tbody id="completeList">

                    </tbody>
                </table>
                <div class="text-center message">

                </div>
                <nav class="text-center">
                    <ul class="pagination">

                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<!--最新任务-->
 <script type="text/x-jquery-tmpl" id="newTask">
        <tr>
           <td>${taskSort}</td>
           <td >${taskName}</td>
           <td >${uploadTime}</td>
           <td class="hide taskID">${taskID}</td>
           <td >
             <a  id="downloadTask">下载任务</a>
             <a class="uploadTask">上传任务</a>
           </td>
        </tr>
 </script>
<!--上传文件-->
<script type="text/x-jquery-tmpl" id="UploadTask">
    <form  class="form-horizontal" method="post" enctype="multipart/form-data" id="documentForm">
        <input  class="form-control hide" type="text" name="taskID" value=${taskID}>
        <div class="form-group">
            <label  class="col-sm-3 control-label">任务名称：</label>
            <div class="col-sm-6">
                <input  class="form-control" type="text" id="txt_TaskName" disabled >
            </div>
            <div class="fileUpload btn btn-success form-inline">
                <span>上传文件</span>
                <input type="file" class="upload" name="taskFile" id="fileupload" onchange="handleFile()" />
            </div>
        </div>
        <div class="form-group" style="margin-left:26%;width:48%">
            <div class="progress">
                <div class="progress-bar" role="progressbar"aria-valuemax="100" style="min-width: 2em;width:0%;" id="progressbar">
                    0%
                </div>
            </div>
        </div>
     </form>
  </script>
<!--已上传-->
<script type="text/x-jquery-tmpl" id="uploadedTask">
      <tr>
           <td>${taskSort}</td>
           <td>${taskName}</td>
           <td>${uploadTime}</td>
           <td class="hide taskID">${taskID}</td>
           <td class="text-center">
           <a id="uCDownloadTask">下载任务</a>
           <a class="uploadTask">重新上传</a>
           </td>
           <td class="text-center"><span class="mark label label-warning" style="cursor:pointer">评分</span></td>
     </tr>
 </script>
<!--已完成-->
<script type="text/x-jquery-tmpl" id="completeTask">
      <tr>
           <td>${taskSort}</td>
           <td>${taskName}</td>
           <td>${uploadTime}</td>
           <td>${score}</td>
           <td class="hide taskID">${taskID}</td>
           <td class="text-center">
           <a class="uCDownloadTask">下载任务</a>
           <a class="uploadTask">重新上传</a>
           </td>
           <td class="text-center"><span class="mark label label-warning" style="cursor:pointer">重新评分</span></td>
     </tr>
 </script>

<div id="uploadDetaidDiv" class="hide" >
    <div class="text-center">
     <span>文件大小：</span>0.02M/0.01
     <span>上传速度：</span>1.95kb/s
     <span>s剩余时间：</span>0分0秒
    </div><br>

    <div >
        <div class="progress">
            <div class="progress-bar" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: 50%;">
                50%
            </div>
        </div>
    </div>
 <div class="text-center">
    <span>正在上传请稍后，已上传：1/1</span>
 </div>
</div>
<!--评分模态框-->
<div id="markDiv" class="hide">
      <ul  id="grades" >
          <li>A</li>
          <li>B</li>
          <li>C</li>
          <li>D</li>
          <li>E</li>
      </ul>
     <br><br>
    <div class="text-center">
        <input type="password"  class="form-control" id="secretkey" placeholder="请输入秘钥"  maxlength="6"><br><br>
        <button type="button" class="btn btn-primary" id="btn_mark">确定</button>
        <button type="button" class="btn btn-primary" id="btn_cancel">取消</button>
    </div>
</div>
</body>
</html>


